<!DOCTYPE html>
<!-- TITRE ET MENUS -->
<html lang="fr">
    <head>     
        <title>~ Twenty Four Team ~</title>
        <meta http-equiv="Content-Language" content="fr">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

        <meta name="google" content="notranslate"/>  <!-- Pour éviter que Chrome ne demande une traduction en anglais...-->
        <link href="<?php echo Chemins::STYLES . 'css/bootstrap.css'; ?>" rel="stylesheet" type="text/css"> 
        <link href="<?php echo Chemins::FONTS . 'glyphicons-halflings-regular.ttf'; ?>" rel="stylesheet" type="text/css">
        <link href="<?php echo Chemins::FONTS . 'glyphicons-halflings-regular.eot'; ?>" rel="stylesheet" type="text/css">
        <link href="<?php echo Chemins::FONTS . 'glyphicons-halflings-regular.woff'; ?>" rel="stylesheet" type="text/css">
        <link href="<?php echo Chemins::FONTS . 'glyphicons-halflings-regular.svg'; ?>" rel="stylesheet" type="text/css">
        <script src="<?php echo Chemins::JS . 'jquery.js'; ?>"></script>
        <script src="<?php echo chemins::JS . 'bootstrap.js'; ?>"></script>
        <script src="<?php echo chemins::JS . 'npm.js'; ?>"></script>
        <link rel="shortcut icon" type="image/jpeg" href="<?php echo Chemins::IMAGES . 'logo.png'; ?>">
        <!--[if lt IE 9]>
       <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
       <![endif]-->
    </head>
    <body>     

        <nav class="navbar navbar-default navbar-fixed-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">Project name</a>
                </div>
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="#">Home</a></li>
                        <li><a href="#about">About</a></li>
                        <li><a href="#contact">Contact</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li class="divider"></li>
                                <li class="dropdown-header">Nav header</li>
                                <li><a href="#">Separated link</a></li>
                                <li><a href="#">One more separated link</a></li>
                            </ul>
                        </li>
                    </ul>
                </div><!--/.nav-collapse -->
            </div>
        </nav>